<!DOCTYPE html>
<html>
  <!--
  Copyright (c) 2013 The Chromium Authors. All rights reserved.
  Use of this source code is governed by a BSD-style license that can be
  found in the LICENSE file.
  -->
<head>
  <meta http-equiv="Pragma" content="no-cache">
  <meta http-equiv="Expires" content="-1">
  <title>{{title}}</title>
  <script type="text/javascript" src="common.js"></script>
  <script type ="text/javascript" src="example.js"></script>
  <style>
    embed {
      border: 1px solid #ccc;
      margin-top: 20px;
    }
  </style>
</head>
<body {{attrs}} data-width="400" data-height="400">
  <h1>{{title}}</h1>
  <h2>Status: <code id="statusField">NO-STATUS</code></h2>
  <p>
    This example shows how to change the mouse cursor. Move the mouse over
    the box below to see the mouse pointer change.
  </p>
  <p>
    <em>hint: to see all of the cursors quickly, click on the select box, and
      use the keyboard to change the current selection.</em>
  </p>
  <label>Cursor Type:</label>
  <select>
    <option value="-1">PP_MOUSECURSOR_TYPE_CUSTOM</option>
    <option value="0">PP_MOUSECURSOR_TYPE_POINTER</option>
    <option value="1">PP_MOUSECURSOR_TYPE_CROSS</option>
    <option value="2">PP_MOUSECURSOR_TYPE_HAND</option>
    <option value="3">PP_MOUSECURSOR_TYPE_IBEAM</option>
    <option value="4">PP_MOUSECURSOR_TYPE_WAIT</option>
    <option value="5">PP_MOUSECURSOR_TYPE_HELP</option>
    <option value="6">PP_MOUSECURSOR_TYPE_EASTRESIZE</option>
    <option value="7">PP_MOUSECURSOR_TYPE_NORTHRESIZE</option>
    <option value="8">PP_MOUSECURSOR_TYPE_NORTHEASTRESIZE</option>
    <option value="9">PP_MOUSECURSOR_TYPE_NORTHWESTRESIZE</option>
    <option value="10">PP_MOUSECURSOR_TYPE_SOUTHRESIZE</option>
    <option value="11">PP_MOUSECURSOR_TYPE_SOUTHEASTRESIZE</option>
    <option value="12">PP_MOUSECURSOR_TYPE_SOUTHWESTRESIZE</option>
    <option value="13">PP_MOUSECURSOR_TYPE_WESTRESIZE</option>
    <option value="14">PP_MOUSECURSOR_TYPE_NORTHSOUTHRESIZE</option>
    <option value="15">PP_MOUSECURSOR_TYPE_EASTWESTRESIZE</option>
    <option value="16">PP_MOUSECURSOR_TYPE_NORTHEASTSOUTHWESTRESIZE</option>
    <option value="17">PP_MOUSECURSOR_TYPE_NORTHWESTSOUTHEASTRESIZE</option>
    <option value="18">PP_MOUSECURSOR_TYPE_COLUMNRESIZE</option>
    <option value="19">PP_MOUSECURSOR_TYPE_ROWRESIZE</option>
    <option value="20">PP_MOUSECURSOR_TYPE_MIDDLEPANNING</option>
    <option value="21">PP_MOUSECURSOR_TYPE_EASTPANNING</option>
    <option value="22">PP_MOUSECURSOR_TYPE_NORTHPANNING</option>
    <option value="23">PP_MOUSECURSOR_TYPE_NORTHEASTPANNING</option>
    <option value="24">PP_MOUSECURSOR_TYPE_NORTHWESTPANNING</option>
    <option value="25">PP_MOUSECURSOR_TYPE_SOUTHPANNING</option>
    <option value="26">PP_MOUSECURSOR_TYPE_SOUTHEASTPANNING</option>
    <option value="27">PP_MOUSECURSOR_TYPE_SOUTHWESTPANNING</option>
    <option value="28">PP_MOUSECURSOR_TYPE_WESTPANNING</option>
    <option value="29">PP_MOUSECURSOR_TYPE_MOVE</option>
    <option value="30">PP_MOUSECURSOR_TYPE_VERTICALTEXT</option>
    <option value="31">PP_MOUSECURSOR_TYPE_CELL</option>
    <option value="32">PP_MOUSECURSOR_TYPE_CONTEXTMENU</option>
    <option value="33">PP_MOUSECURSOR_TYPE_ALIAS</option>
    <option value="34">PP_MOUSECURSOR_TYPE_PROGRESS</option>
    <option value="35">PP_MOUSECURSOR_TYPE_NODROP</option>
    <option value="36">PP_MOUSECURSOR_TYPE_COPY</option>
    <option value="37">PP_MOUSECURSOR_TYPE_NONE</option>
    <option value="38">PP_MOUSECURSOR_TYPE_NOTALLOWED</option>
    <option value="39">PP_MOUSECURSOR_TYPE_ZOOMIN</option>
    <option value="40">PP_MOUSECURSOR_TYPE_ZOOMOUT</option>
    <option value="41">PP_MOUSECURSOR_TYPE_GRAB</option>
    <option value="42">PP_MOUSECURSOR_TYPE_GRABBING</option>
  </select>
  <div id="listener"></div>
</body>
</html>
